<template>
  <div id="navigation">
    <div class="caiDan">
      <!-- <ul>
          <li>前期节点计划</li>
          <li>月度计划</li>
          <li>年度计划</li>
      </ul> -->
      <el-menu
        :default-active="activeIndex"
        class="el-menu-demo"
        mode="vertical"
      >
        <el-menu-item index="1">前期 </el-menu-item>
        <el-menu-item index="2">处理中心2</el-menu-item>
        <el-menu-item index="3">处理中心2</el-menu-item>
      </el-menu>
    </div>
  </div>
</template>
<script>
export default {
  name: "jiHuaNavigation",
  data() {
    return {
      activeIndex: 1,
    };
  },
};
</script>
<style lang="less" scoped>
#navigation {
  background-color: #94c9d8;
  width: 100%;
  height: 50px;
  .caiDan {
    height: 100%;
    width: 100%;
    // ul{
    //     display: flex;
    //     li{
    //       width: 127px;
    //       text-align: center;
    //       line-height: 50px;}
    //       p{
    //          margin-top: -11px;
    //       }
    // }
  }
}
</style>